<template>
  <div class="main">
    <div class="title">信息确认</div>
    <ul class="info"><li><label>姓名：</label><span>{{dataObj.name}}</span></li>
      <li><label>身份证号：</label><span>{{dataObj.shbzh}}</span></li>
      <li><label>手机号码：</label><span>{{dataObj.mobile}}</span></li>
      <li><label>性别：</label><span>{{dataObj.sex}}</span></li>
      <li><label>签收信息：</label><span>{{dataObj.qsxx}}</span></li>
      <li><label>邮寄地址：</label><span>{{dataObj.yjAddreess}}</span></li>
    </ul>
    <ul class="pic">
      <li><i><img src="../../assets/images/social/icon-card3.png"/></i><span>身份证正面</span></li>
      <li><i><img src="../../assets/images/social/icon-card4.png"/></i><span>身份证反面</span></li>
    </ul>
    <div class="inch_pic"><i><img src="../../assets/images/social/icon-inch-photo.png"/></i><span>1寸证件照</span></div>
    <div class="btn_group"><input type="button" value="关闭" @click="cancle"/><input @click="btnsure" type="button" value="确定"/></div>
    </div>
</template>

<script>
  export default {
    data () {
      return {
       dataObj: {},
      }
    },
    methods:{
      getData(){
        this.$http.post("/service/1015", {}).then(res => {
          if (res.success) {
            this.dataObj = res.body.body;
          }
        });
      },
      cancle:function(){
        this.$emit('confirm-status');
      },
      btnsure:function(){
        this.$router.push({path:'/applicSuccse'});
      }
    },
    created () {
      this.getData();
    },
  }
</script>

<style  lang="less" scoped>
  .main{max-width: 786px;margin: 0 auto;width: 100%;}
  .title{font-size: 16px;color: #333333;height:38px;line-height: 38px;}
  .title:after{border: 1px solid #DFDFDF;left: 0px;top:0px;width: 99.5%;position: relative; display: block;content: "";transform: scaleY(0.5);}
  .info {padding-top:10px;}
  .info li{list-style: none;line-height: 22px;text-align: left;font-size: 12px;color: #151515;}
  .info li label{display: inline-block;width: 30%;margin-left: 4%;vertical-align:top;}
  .info li span{display:inline-block;width:60%;}
  .pic{overflow:Hidden;}
  .pic li{list-style: none;float: left;width: 50%;padding-bottom:10px;}
  .pic span,.inch_pic span{font-size:14px; color: #333333;}
  .pic i{display: block;width: 80%;margin:10px auto 0 auto;}
  img{width: 100%;}
  .inch_pic{margin-bottom: 10px;}
  .inch_pic i{display: block;width: 20%;margin-left: 4%;}
  .inch_pic span{display: block;text-align: left;margin-left: 4%;}
  .btn_group {font-size:0;}
  .btn_group input{width: 50%;height: 38px;-webkit-appearance: none;background: #ffffff;color: #3399ff;outline: none;font-size: 16px;border: none;border-top:#c7c7c7 solid 1px;}
  .btn_group input:last-child{font-weight:bold;border-left:#c7c7c7 solid 1px;}
</style>
